<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <p:panel id="pnlBusquedaFacturas" collapsed="#{BKCourier.listaCouriersActivos ne null}"
             header="Consultar Facturas" widgetVar="buscar" toggleable="true" 
             style="width:70%;margin: 5px auto">

        <br/>

        <table border="0" cellspacing="3" cellpadding="3">                                               
            <tbody>
                <tr>

                    <td>
            <h:outputLabel id="lblNroFacturaBuscar" value="COURIER " class="lblBusqueda" />
            </td>
            <td>
            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNumeroFactura"  value="#{BKCourier.courierBusqueda.numFactura}" />
            </td>
            <td>
            <p:commandButton id="btnBuscarCouriers" value="BUSCAR"                                                          
                             action="#{MBCourier.buscarCouriers()}"
                             update="btnBuscarCouriers,dataTablaCouriers"
                             oncomplete="listaCouriers.show();buscar.toggle()" style="font-size: 12px" />

            </td>

            </tr>
            <tr>

                <td>
            <h:outputLabel id="lblRUCBuscar" value="CONSIGNATARIO" class="lblBusqueda" />
            </td>
            <td>
            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRUC"  value="#{BKCourier.courierBusqueda.consignatario}" />
            </td>
            <td colspan="2"></td>
            </tr>
            <tr>
                <td>
            <h:outputLabel id="lblEstado" value="TIPO FLETE" class="lblBusqueda" />
            </td>
            <td>
            <p:selectOneMenu id="cbxEstado"
                             value="#{BKCourier.courierBusqueda.tipoFlete}">
                <f:selectItem itemLabel="Seleccionar" itemValue="0" />
                <f:selectItems value="#{BKCourier.listaTipoFlete}"
                               var="flete" itemLabel="#{flete}"
                               itemValue="#{flete.charAt(0)}" />
            </p:selectOneMenu>
            </td>
            <td colspan="2">

            </td>

            </tr>

            <tr>
                <td>
            <h:outputLabel id="lblBuscarDel" value="FECHA DEL " class="lblBusqueda" />
            </td>
            <td>
            <p:calendar id="txtFechaInicioCot" locale="es"
                        value="#{BKCourier.busquedaDel}" 
                        pattern="dd/MM/yyyy" 
                        maxdate="#{BKCourier.busquedaAl}"
                        showOn="button" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" process="@this" update="txtFechaFinalCot" />
            </p:calendar>    

            </td>
            <td>
            <h:outputLabel id="lblBuscarAl" value="  AL  "  class="lblBusqueda" />
            </td>
            <td>
            <p:calendar id="txtFechaFinalCot" locale="es"
                        value="#{BKCourier.busquedaAl}" 
                        pattern="dd/MM/yyyy"
                        mindate="#{BKCourier.busquedaDel}"
                        showOn="button" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" process="@this" update="txtFechaInicioCot" />
            </p:calendar>
            </td>

            </tr>


            </tbody>
        </table>




    </p:panel>

    <p:panel id="pnlListarFacturas" header="Lista de Couriers" closable="true" style="width: 100%;margin: 10px auto"  
             widgetVar="listaCouriers" visible="#{BKCourier.listaCouriersActivos ne null}">
        <h:panelGrid style="margin: 15px auto" cellspacing="4" columns="2">
            <h:commandButton value="Exportar EXCEL">  
                <p:dataExporter type="xls" target="dataTablaCouriers" fileName="couriersExportacion" />  
            </h:commandButton>  

            <h:commandButton value="Exportar PDF">  
                <p:dataExporter type="pdf" target="dataTablaCouriers" fileName="couriersExportacion"/>  
            </h:commandButton>
        </h:panelGrid>
        <p:dataTable id="dataTablaCouriers" var="courier"
                     value="#{BKCourier.listaCouriersActivos}" widgetVar="lista"
                     emptyMessage="No se encontraron Couriers"
                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                     rowsPerPageTemplate="40,80,100"
                     paginatorPosition="bottom" styleClass="datable-busqueda">

            <p:column id="idColumnaNum" style="width: 5%">
                <f:facet name="header">  
                    <h:outputText value="Num" />  
                </f:facet>  
                <h:outputText value="#{rowIndex+1}" />
            </p:column>

            <p:column id="idColumnaFecha" style="width: 10%" sortBy="#{courier.fechac}">
                <f:facet name="header">  
                    <h:outputText value="Fecha" />  
                </f:facet>  
                <h:outputText value="#{courier.fechac}" >
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputText>    
            </p:column>

            <p:column id="idColumnaNumero" style="width: 10%" sortBy="#{courier.numTracking}">
                <f:facet name="header">  
                    <h:outputText value="Nº Track" />  
                </f:facet>
                <h:outputText value="#{courier.numTracking}" />
            </p:column>

            <p:column id="idColumnaCourier" style="width: 15%" sortBy="#{courier.courier}" >
                <f:facet name="header">  
                    <h:outputText value="Courier" />  
                </f:facet>
                <h:outputText value="#{courier.courier}" >
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputText>
            </p:column>

            <p:column id="idColumnaRem" style="width: 15%" rendered="false">
                <f:facet name="header">  
                    <h:outputText value="Remitente" />  
                </f:facet>
                <h:outputText value="#{courier.courier}" >
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputText>
            </p:column>

            <p:column id="idColumnaCons" style="width: 10%" sortBy="#{courier.consignatario}" >
                <f:facet name="header">  
                    <h:outputText value="Consignatario" />  
                </f:facet>
                <h:outputText value="#{courier.consignatario}" />
            </p:column>

            <p:column id="idColumnaDestino" style="width: 25%" sortBy="#{courier.idUbigeo.idPais.nombre}" >
                <f:facet name="header">  
                    <h:outputText value="Destino" />  
                </f:facet>
                <h:outputText value="#{courier.idUbigeo.idPais.nombre}" />
            </p:column>

            <p:column id="idColumnaCont" style="width: 25%" sortBy="#{courier.contenido}" >
                <f:facet name="header">  
                    <h:outputText value="Contenido" />  
                </f:facet>
                <h:outputText value="#{courier.contenido}" />
            </p:column>

            <p:column id="idColumnaFlete" style="width: 25%" sortBy="#{courier.tipoFlete}" >
                <f:facet name="header">  
                    <h:outputText value="Flete" />  
                </f:facet>
                <h:outputText value="#{courier.tipoFlete eq 80?'PREPAID':'COLLECT'}" />
            </p:column>

            <p:column id="idColumnaFact" style="width: 5%" sortBy="#{courier.numFactura}" >
                <f:facet name="header">  
                    <h:outputText value="Factura" />  
                </f:facet>
                <h:outputText value="#{courier.numFactura}" />
            </p:column>

            <p:column id="idColumnaSinIgv" style="width: 5%" sortBy="#{courier.valor}" >
                <f:facet name="header">  
                    <h:outputText value="Sin IGV" />
                </f:facet>
                <h:outputText value="#{courier.idMoneda.simbolo}" />
                <h:outputText value="#{courier.valor}" >
                    <f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" currencySymbol="#{courier.idMoneda.simbolo}" />
                </h:outputText>  
            </p:column>

            <p:column id="idColumnaIgv" style="width: 5%" sortBy="#{courier.igv}" >
                <f:facet name="header">  
                    <h:outputText value="IGV" />  
                </f:facet>
                <h:outputText value="#{courier.idMoneda.simbolo}" />
                <h:outputText value="#{courier.igv}" >
                    <f:convertNumber type="currency" minFractionDigits="2" maxFractionDigits="2" currencySymbol="#{courier.idMoneda.simbolo}" />
                </h:outputText>  
            </p:column>

            <p:column id="idColumnaConIgv" style="width: 5%" sortBy="#{courier.total}">
                <f:facet name="header">  
                    <h:outputText value="Con IGV" />  
                </f:facet>
                <h:outputText value="#{courier.idMoneda.simbolo}" />
                <h:outputText value="#{courier.total}" id="txtTotal" >
                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
                </h:outputText>  
            </p:column>

            <p:column id="idColumnaObs" style="width: 5%" sortBy="#{courier.observacion}" rendered="false" >
                <f:facet name="header">  
                    <h:outputText value="Obs" />  
                </f:facet>
                <h:outputText value="#{courier.observacion}" />
            </p:column>


            <p:column id="idColumnaAcciones" style="width: 10%"  headerText="#{message['general.label.tipoAcesso']}" exportable="false">
                <p:commandButton icon="ui-icon-search" title="#{message['general.button.ver']}" action="#{MBCourier.ver()}" ajax="false">
                    <f:setPropertyActionListener value="#{courier}" target="#{BKCourier.courierFormulario}" />  
                </p:commandButton>
                <p:commandButton icon="ui-icon-pencil" title="#{message['general.button.editar']}" action="#{MBCourier.editar()}" ajax="false">
                    <f:setPropertyActionListener value="#{courier}" target="#{BKCourier.courierFormulario}" />  
                </p:commandButton> 
                <p:commandButton id="btnEliminarCourier" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmarEliminar.show()">
                    <f:setPropertyActionListener value="#{courier}" target="#{BKCourier.courierSeleccionado}" />
                </p:commandButton>
            </p:column>


        </p:dataTable>
    </p:panel>

    <p:confirmDialog id="dlgEliminarCourier" message="#{message['dialog.confirmacion.mensaje']}" 
                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmarEliminar">
        <p:commandButton id="btnConfEliCourier" update="dataTablaCouriers" value="Si"  oncomplete="confirmarEliminar.hide()"  
                         actionListener="#{MBCourier.eliminar}" />  
        <p:commandButton id="btnCancEliCourier" value="No" onclick="confirmarEliminar.hide()" type="button" />   
    </p:confirmDialog>

</html>